UNIVERSITY OF EDINBURGH
在愛丁堡大學,有一支團隊負責維護一套網頁內容管理系統(CMS),這套系統用於讓內容貢獻者——比如教師或行政人員——自己釋出和管理網頁內容。但這個系統的編輯介面一直讓使用者“又累又煩”,操作像在解迷宮。
比如,想要在一頁內容中間插入一個段落?對不起,只能先加到頁面最上面或最下面,然後點選一堆“Up”或“Down”按鈕,把它一級級挪到想去的地方。頁面內容一多,這個過程就變得像在拖行李箱爬樓梯——10到30個內容模組,每次點一步,點到懷疑人生。
這套系統原本是以“功能為王”的思維開發的,能做到就行。但隨著越來越多貢獻者反饋:“不是不能用,是用得太苦了”,團隊終於意識到,是時候把“可用性(Usability)”擺到檯面上來了。
他們設定了清晰目標:
- 插入中間內容時少點幾步;
- 移動內容模組時不再滿屏漂移;
- 頁面更好讀、邏輯清晰;
- 避免誤刪,尤其是在拖動過程中不小心按錯按鈕。
於是,他們重新設計了頁面編輯體驗。
新介面把所有內容模組都標上了序號,還新增了一個“Move Here”按鈕。使用者只要勾選一個模組,然後點選它要去的位置旁的“Move Here”,兩步就搞定移動,無需反覆點選“上移”“下移”。
插入新內容也同理:選好編號點進去,不再被限制只能插頭尾。
一個更細節但關鍵的設計是:他們把“Move Here”按鈕放在左側,而將“Remove 刪除”按鈕孤立在右側,減少了誤刪的可能性。這種“小動作防大錯”的處理,體驗上的細膩度直接拉滿。
為了驗證這套新設計是否真的好用,他們找來一批經驗豐富的使用者做測試。先用舊介面完成一系列內容編輯任務,六週後再用新介面完成相同任務,並計時比較。
結果非常亮眼:
| 任務型別 | 原來所需時間(秒) | 新介面所需時間(秒) | 提升效率 |
|---|---|---|---|
| 插入引語/功能塊 | 140.0 | 91.0 | 54% |
| 段落和子彈列表 | 121.5 | 92.2 | 32% |
| 插入現有文章模組 | 78.25 | 61.0 | 28% |
| 建立新文章 | 804.75 | 679.40 | 18% |
| 整體平均節省時間 | —— | —— | 33% |
僅這批測試者就能節省三分之一的時間——而他們還只是剛剛上手新介面。預計熟練後效率還會進一步提升。團隊還算了一筆“時間就是金錢”的賬:這套最佳化預計每年為學校省下 3,688 到 4,610 小時,按英鎊13.5/小時計算,年節約金額高達 £49,788 到 £62,235(約合8萬到10萬美元)。
這個專案是典型的“從痛點出發”的例子:沒有增加花哨功能,只是把原本需要10步完成的事壓縮成2步,讓編輯體驗像滑動抽屜一樣順手。
最終,它不僅提升了使用效率,更讓內容釋出者真正“願意動手”。而這一點,對任何依賴UGC(使用者生成內容)的系統來說,意義非凡。

